@import "_ghcommon";
*{
    margin: 0;
    padding: 0;
}
body{
    width: r(640px);
}
header{
    background: #f7f7f7;
    height: r(87px);
    line-height: r(87px);
    width: 100%;
    font-size: 0;
    border-bottom: r(1px) solid #c1c1c1;
    a{
        display: inline-block;
        margin-left: r(20px);
        font-size: r(30px);
        color: #999999;
        outline: none;
        text-decoration: none;
    }
    h2{
        display: inline-block;
        font-size: r(35px);
        padding-left: r(205px);
        color: #333333;
    }
}
section{
    height: r(918px);
    width: 100%;
    background: #f3f4f6;
    .mask{
        position: fixed;
        display: none;
        top: 30%;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0,0,0,.7);
        width: r(249px);
        height: r(183px);
        text-align: center;
        line-height: r(183px);
        border-radius: r(20px);
        font-size: r(28px);
        color: white;
    }
    .wrap{
       padding-top: r(38px);
    .photo{
        
        margin-left: r(235px);
        width: r(170px);
        height: r(144px);
        img{
            display: block;
            width: 100%;
            height: 100%;
        }
    }
    .font{
        padding-left: r(160px);
        margin-top: r(20px);
        width: r(327px);
        height: r(32px);
        img{
            display: block;
            width: 100%;
            height: 100%;
        }
    }
    .xian{
        padding-left: r(160px);
        margin-top: r(10px);
        width: r(327px);
        height: r(18px);
        img{
            display: block;
            width: 100%;
            height: 100%;
        }
    }
    }
    .shurubox{
        width: r(578px);
        height: r(167px);
        border: r(1px) solid #dfdfdd;
        margin-top: r(38px);
        margin-left: r(30px);
        background: white;
        font-size: 0;
        .zh,.mm{
            text-align: center;
            width: 100%;
            height: r(83px);
            line-height: r(83px);
            span{
                font-size: r(28px);
                color: #666666;
                padding-left: r(20px);
            }
            input{
                padding-left: r(25px);
                width: r(450px);
                height: r(60px);
                border: none;
            }
        }
        .fgxian{
            width: r(578px);
            height: r(1px);
            background: #dfdfdd;
        }
    }
    input[type="submit"]{
        display: block;
        margin-left: r(30px);
        margin-top: r(36px);
        width: r(580px);
        height: r(85px);
        background: #d62d31;
        border: none;
        border-radius: r(8px);
        font-size: r(32px);
        color: white;
        letter-spacing: r(10px);
    }
    .zhuceAndmima{
        margin-top: r(29px);
        margin-left: r(30px);
        width: r(580px);
        a{
            text-decoration: none;
            color: #999999;
            font-size: r(28px);
        }
    }
}
footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: r(90px);
    background: #ffffff;
    font-size: 0;
    a{
        display: inline-block;
        width: r(319px);
        .wx{
            display: inline-block;
            width: 100%;
            height: r(90px);
            line-height: r(90px);
            text-align: center;
            img{
                width: r(35px);
                height: r(29px);
                vertical-align: r(14px);
            }
            span{
                padding-left: r(5px);
                font-size: r(26px);
                vertical-align: r(18px);
                color: #999999;
            }
        }
    }
    .fgxian2{
        display: inline-block;
        margin-top: r(15px);
        width: r(2px);
        height: r(60px);
        background: #dedede;
    }
    a{
        display: inline-block;
        width: r(319px);
        .qq{
            display: inline-block;  
            width: 100%;
            height: r(90px);
            line-height: r(90px);
            text-align: center;
            img{
                width: r(28px);
                height: r(29px);
                vertical-align: r(14px);
            }
            span{
                padding-left: r(5px);
                font-size: r(26px);
                color: #999999;
                vertical-align: r(18px);
            }
        }
    }
}
